<template>
    <div>
        <van-nav-bar title="订单列表" left-text="" right-text="按钮" left-arrow @click-left="onClickLeft"
            @click-right="onClickRight" />
        <van-tabs v-model:active="active">
            <van-tab title="全部">内容 1

            </van-tab>
            <van-tab title="待付款">

                <span><img src="../img/屏幕截图-2025-06-13-112611.gif" alt=""></span>
              

                <span><span class="zz">待付款</span>  <span class="zy"><van-count-down :time="time" format="剩 DD 天 HH 时 mm 分 ss 秒" /></span></span>
  <br>
                <br>
                <van-card num="2" price="2.00" desc="规格:天蓝方形" title="高清折叠手持化妆镜子"
                    thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" @click="dj">

                    <template #footer>

                        <van-button size="mini" style="width: 70px; color: #fff; background: pink">付款</van-button>
                    </template>
                </van-card>

            </van-tab>
            <van-tab title="待发货"> <span><img src="../img/屏幕截图-2025-06-13-112611.gif" alt=""></span>

                <van-empty description="还没有相关订单哦" />
            </van-tab>
            <van-tab title="待收货">内容 4</van-tab>
            <van-tab title="待评价">内容 1</van-tab>
            <van-tab title="售后">内容 2</van-tab>

        </van-tabs>
    </div>
</template>

<script setup>
import router from '@/router';

let dj=()=>{
    router.push('/ddxq')
}
</script>

<style lang="scss" scoped>
.zz{
    float: left;
}
.zy{
    
    float: right;
    .van-count-down{
        color: pink;
    }
}
</style>